.borderlessInput{
  width: 100%;
  .input{
    color: #fff;
    background: transparent;
    border: 1px solid transparent;
    width: 100%;
    transition: 0.3s;
    &:hover{
      outline: none;
      border: 1px solid #ccc;
      background-color: #999;
    }
    &:focus{
      outline: none;
      border: 1px solid #ccc;
      background-color: #fff;
      color: #000
    }
    &::placeholder{
      color: #fff;
    }
  }
}

.borderLessInput {
  :global {
    .t-input {
      box-shadow: none;
      border: none;
      background-color: transparent;
      .t-input__inner {
        color: #FFF;
      }
    }
  }
  &:hover {
    :global {
      .t-input {
        background-color: #DDDDDD40;
      }
    }
  }
  &.edit {
    :global {
      .t-input {
        background-color: #FFF;
        .t-input__inner {
          color: var(--td-text-color-primary);
        }
      }
    }
  }
}